<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="{{ url_for('static', filename='/compute/static/layui-v2.6.8/layui/css/layui.css') }}">
<script src="{{ url_for('static', filename='compute/static/layui-v2.6.8/layui/layui.js') }}"></script>

<body>
    <div class= "layui-font-16" style="padding: 10px 5px 0px 10px">
        <a href="{{ url_for('k8s-show.new_node') }}"><i class="layui-icon layui-icon-return" style="font-size: large; color: white;" ></i></a>
        <a style="font-size: large; color: white;">详情</a>
    </div>
    <!--  表名-->
    <div class="layui-fluid" style="padding: 0px 5px 0px 10px;">
        <div class="layui-col-md7" style="padding: 8px 20px 8px 8px;">
            <div id="left" style="background-color: #383c42" >
                <div class="layui-row" style="padding: 8px 20px 10px 8px;  background-color: #383c42" >
                    <div class="layui-col-md3" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-16" style="color: #fff">
                            名称
                        </div>
                    </div>
                    <div class="layui-col-md9" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-10" style="color: #a1a9ae">
                            {{ posts["base"]["name"] }}
                        </div>
                    </div>
                </div>
                <div class="layui-row" style="padding: 8px 20px 10px 8px;  background-color: #383c42" >
        
                    <div class="layui-col-md3" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-16" style="color: #fff">
                            存活时间
                        </div>
                    </div>
                    <div class="layui-col-md9" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-10" style="color: #a1a9ae">
                            {{ posts["base"]["live"] }}
                        </div>
                    </div>
                </div>
                <div class="layui-row" style="padding: 8px 20px 10px 8px;  background-color: #383c42" >
                    <div class="layui-col-md3" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-16" style="color: #fff">
                            标签
                        </div>
                    </div>
                    <div class="layui-col-md9" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-10" style="color: #a1a9ae">
                            {% for label in posts["base"]["label"] %}
                                <p>{{ label }}</p> 
                            {% endfor %}
                        </div>
                    </div>
                </div>
                <div class="layui-row" style="padding: 8px 20px 10px 8px;  background-color: #383c42" >
                    <div class="layui-col-md3" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-16" style="color: #fff">
                            注释
                        </div>
                    </div>
                    <div class="layui-col-md9" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-10" style="color: #a1a9ae">
                            {% for label in posts["base"]["anno"] %}
                                <p>{{ label }}</p> 
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md5" style="padding: 8px 10px 8px 5px;">
            <div id="right" style="background-color: #383c42" >
                <div class="layui-row" style="padding: 8px 20px 10px 8px;  background-color: #383c42" >
                    <div class="layui-col-md4" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-16" style="color: #fff">
                            系统架构
                        </div>
                    </div>
                    <div class="layui-col-md8" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-10" style="color: #a1a9ae">
                            {{ posts["system"]["archi"] }}
                        </div>
                    </div>
                </div>
                <div class="layui-row" style="padding: 8px 20px 10px 8px;  background-color: #383c42" >
                    <div class="layui-col-md4" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-16" style="color: #fff">
                            操作系统
                        </div>
                    </div>
                    <div class="layui-col-md8" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-10" style="color: #a1a9ae">
                            {{ posts["system"]["OS"] }}
                        </div>
                    </div>
                </div>
                <div class="layui-row" style="padding: 8px 20px 10px 8px;  background-color: #383c42" >
                    <div class="layui-col-md4" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-16" style="color: #fff">
                            操作系统镜像
                        </div>
                    </div>
                    <div class="layui-col-md8" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-10" style="color: #a1a9ae">
                            {{ posts["system"]["OSimage"] }}
                        </div>
                    </div>
                </div>
                <div class="layui-row" style="padding: 8px 20px 10px 8px;  background-color: #383c42" >
                    <div class="layui-col-md4" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-16" style="color: #fff">
                            操作系统内核
                        </div>
                    </div>
                    <div class="layui-col-md8" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-10" style="color: #a1a9ae">
                            {{ posts["system"]["OScore"] }}
                        </div>
                    </div>
                </div>
                <div class="layui-row" style="padding: 8px 20px 10px 8px;  background-color: #383c42" >
                    <div class="layui-col-md4" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-16" style="color: #fff">
                            容器 runtime 版本
                        </div>
                    </div>
                    <div class="layui-col-md8" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-10" style="color: #a1a9ae">
                            {{ posts["system"]["runtime"] }}
                        </div>
                    </div>
                </div>
                <div class="layui-row" style="padding: 8px 20px 10px 8px;  background-color: #383c42" >
                    <div class="layui-col-md4" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-16" style="color: #fff">
                            kubelet 版本
                        </div>
                    </div>
                    <div class="layui-col-md8" style="padding: 8px 0px 8px 8px">
                        <div class= "layui-font-10" style="color: #a1a9ae">
                            {{ posts["system"]["kubelet"] }}
                        </div>
                    </div>
                </div>
            </div>
            
        </div>

                
    </div>
    <!-- 已分配资源 -->
    <div>
        <div class="layui-fluid" style="padding: 10px 20px 40px 20px" >
            <div class="layui-row layui-col-space40">
                
              <div class="layui-col-md3" style="padding: 0px 40px 0px 0px; background-color: #383c42" >
                <div style="height:60px; padding: 10px 10px 10px 10px">
                  <div style="float: left; width: 20%;">
                    <i class="layui-icon layui-icon-circle" style="font-size: xxx-large; color: #C1C144;"></i>
                  </div>
                  <div style="float: right; width: 80%;">
                    <div class= "layui-row layui-font-16" style="color: #a1a9ae; padding: 0px 10px 10px" align="left">CPU限制</div>
                    <div class= "layui-row layui-font-20" align="left" style="color:#fff; padding-left:20px;"> {{ posts["allo"]['cpuAlloc'] }}</div>
                  </div>
                </div>
              </div>
          
              <div class="layui-col-md3" style="padding: 0px 40px 0px 0px; background-color: #383c42">
                <div style="height:60px; padding: 10px 10px 10px 10px">
                  <div style="float: left; width: 20%;">
                    <i class="layui-icon layui-icon-circle" style="font-size: xxx-large; color: #990000;"></i>
                  </div>
                  <div style="float: right; width: 80%;">
                    <div class= "layui-row layui-font-16" style="color: #a1a9ae; padding: 0px 10px 10px" align="left">内存限制</div>
                    <div class= "layui-row layui-font-20" align="left" style="color:#fff; padding-left:20px;">{{ posts["allo"]['memAlloc'] }}</div>
                  </div>
                </div>
              </div>
          
              <div class="layui-col-md3" style="padding: 0px 40px 0px 0px; background-color: #383c42">
                <div style="height:60px; padding: 10px 10px 10px 10px">
                  <div style="float: left; width: 20%;">
                    <i class="layui-icon layui-icon-circle" style="font-size: xxx-large; color: green;"></i>
                  </div>
                  <div style="float: right; width: 80%;">
                    <div class= "layui-row layui-font-16" style="color: #a1a9ae; padding: 0px 10px 10px" align="left">最大Pods数</div>
                    <div class= "layui-row layui-font-20" align="left" style="color:#fff; padding-left:20px;">{{ posts["allo"]['pods_max'] }}</div>
                  </div>
                </div>
              </div>
          
              <div class="layui-col-md3" style="padding: 0px 0px 0px 0px; background-color: #383c42">
                <div style="height:60px; padding: 10px 10px 10px 10px">
                  <div style="float: left; width: 20%;">
                    <i class="layui-icon layui-icon-circle" style="font-size: xxx-large; color: #1290bf;"></i>
                  </div>
                  <div style="float: right; width: 80%;">
                    <div class= "layui-row layui-font-16" style="color: #a1a9ae; padding: 0px 10px 10px" align="left">已有Pods数</div>
                    <div class= "layui-row layui-font-20" align="left" style="color:#fff; padding-left:20px;">{{ posts["allo"]['pods_num'] }}</div>
                  </div>
                </div>
              </div>
          
            </div>
          </div>
    </div>  
</body>
</html>
<script type="text/javascript">
    window.onload=window.onresize=function(){
    if(document.getElementById("right").clientHeight < document.getElementById("left").clientHeight){
    document.getElementById("right").style.height=document.getElementById("left").offsetHeight+"px";
    }
    else{
    document.getElementById("left").style.height=document.getElementById("right").offsetHeight+"px";
    }
    }
</script>



